extends /templates/base

block content

  each campaign in view.campaigns
    .campaign-container
      h1
        a(href=`/play/${campaign.levels[0].levelPath || 'level'}/${campaign.levels[0].id}`, data-i18n="play.campaign_#{campaign.id}")= campaign.name
      p.campaign-description(data-i18n=`[html]play.campaign_${campaign.id}_description`)!= campaign.description
      each level in campaign.levels
        a(href=(level.disabled ? "/play/ladder" : `/play/ladder/${level.id}`), disabled=level.disabled, class=view.levelStatusMap[level.id] || '', title=level.description)
          .level
            if level.image
              img.level-image(src=level.image, alt=level.name).img-rounded
            else
              img.level-image(src="/images/pages/play/ladder/multiplayer_notext.jpg", alt=level.name).img-rounded
              h3.dynamic-level-name= level.name + (level.disabled ? " (Coming soon!)" : "")
            .overlay-text.level-difficulty
              span(data-i18n="play.level_difficulty") Difficulty:
              each i in Array(level.difficulty)
                | ★
              - var playCount = view.levelPlayCountMap[level.id]
              if playCount
                span.spl.spr - #{playCount.sessions}
                span(data-i18n="play.players") players
                if (view.levelStatusMap[level.id]==='complete')
                  span.spl.spr -
                  span(class=`level-status-${view.levelStatusMap[level.id]}`, data-i18n="clans.complete_2")
                else if (view.levelStatusMap[level.id]==='started')
                  span.spl.spr -
                  span(class=`level-status-${view.levelStatusMap[level.id]}`, data-i18n="clans.started_2")
            .play-text-container
              .overlay-text.play-text(data-i18n="common.play") Play
